<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<meta name="description" content="Everest Admin Panel" />
		<meta name="keywords" content="Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Wrapbootstrap, Bootstrap" />
		<meta name="author" content="Bootstrap Gallery" />
		<link rel="shortcut icon" href="img/favicon.ico">
		<title>sugonTravle</title>
		
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.css" rel="stylesheet" media="screen">

		<!-- Animate CSS -->
		<link href="css/animate.css" rel="stylesheet" media="screen">

		<!-- Main CSS -->
		<link href="css/main.css" rel="stylesheet" media="screen">

		<!-- Main CSS -->
		<link href="css/login.css" rel="stylesheet">

		<!-- Font Awesome -->
		<link href="fonts/font-awesome.min.css" rel="stylesheet">

		<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="js/html5shiv.js"></script>
			<script src="js/respond.min.js"></script>
		<![endif]-->

	</head>  

	<body>
		<!-- Container Fluid starts -->
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-push-4 col-md-4 col-sm-push-3 col-sm-6 col-sx-12">
					
					<!-- Header end -->
					<div class="login-container">
						<div class="login-wrapper animated flipInY">
							<div id="login" class="show">
								<div class="login-header">
									<h4>登录你的账户</h4>
								</div>
								<form>
									<div class="form-group has-feedback">
										<label class="control-label" for="userName">用户名</label>
										<input type="text" class="form-control" id="userName" placeholder="用户名" autofocus>
										<i class="fa fa-user text-info form-control-feedback"></i>
									</div>
									<div class="form-group has-feedback">
										<label class="control-label" for="passWord">密码</label>
										<input type="password" class="form-control" id="passWord" placeholder="*********" >
										<i class="fa fa-key text-danger form-control-feedback"></i>
									</div>
									<button type="button" class="btn btn-danger btn-lg btn-block" id="login_in">登录</button>
								</form>
								<!--<a href="#forgot-pwd" class="underline text-info">忘记密码?</a>
								<a href="#register">还没有注册？ <span class="text-danger">点击注册</span></a>-->
							</div>

							<div id="register" class="form-action hide">
								<div class="login-header">
									<h4>用户注册</h4>
								</div>
								<form action="index.html">
									<div class="form-group has-feedback">
										<label class="control-label" for="userName1">用户名</label>
										<input type="text" class="form-control" id="userName1">
										<i class="fa fa-user form-control-feedback"></i>
									</div>
									<div class="form-group has-feedback">
										<label class="control-label" for="password1">密码</label>
										<input type="text" class="form-control" id="password1">
										<i class="fa fa-key form-control-feedback"></i>
									</div>
									<div class="form-group has-feedback">
										<label class="control-label" for="password2">确认密码</label>
										<input type="text" class="form-control" id="password2">
										<i class="fa fa-key form-control-feedback"></i>
									</div>
									<input type="submit" value="注册" class="btn btn-danger btn-lg btn-block">
								</form>
								<a href="#login">已经有账号了? <span class="text-danger">登录</span></a>
							</div>

							<div id="forgot-pwd" class="form-action hide">
								<div class="login-header">
									<h4>重置你的密码</h4>
								</div>
								<form action="index.html">
									<div class="form-group has-feedback">
										<label class="control-label" for="password3">新密码</label>
										<input type="text" class="form-control" id="password3">
										<i class="fa fa-key form-control-feedback"></i>
									</div>
									<div class="form-group has-feedback">
										<label class="control-label" for="password4">确认密码</label>
										<input type="text" class="form-control" id="password4">
										<i class="fa fa-key form-control-feedback"></i>
									</div>
									<input type="submit" value="重置" class="btn btn-danger btn-lg btn-block">
								</form>
								<a href="#register">还没有账号? <span class="text-danger">点击注册</span></a>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Container Fluid ends -->
		
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
        <!--<script src="js/custom.js"></script>-->

		<script type="text/javascript">
			
			var userName = "654321@qq.com";
			var pwd = "654321";
			
			var login = document.getElementById("login_in");
			login.onclick = function(event){
				var login = document.getElementById("userName");
				var password = document.getElementById("passWord");
				console.log("点我啦");
				console.log(login.value);
				console.log(password.value);
				if( login.value == userName && password.value == pwd){
					console.log("跳转");
					window.location.href = "./index.html";
				}
				
			}
		</script>
	</body>
</html>